.el-button {
  &.el-button--mini,
  &.el-button--small {
    border-radius: 4px;
    font-size: 14px;
  }
  &.el-button--mini {
    padding: 4px 8px;
    font-size: 12px;
  }
  &.el-button--small {
    padding: 8px 30px;
  }
  &.el-button--primary {
    @include background_color();
    @include border_color();
    &:focus, &:hover {
      @include background_color(.8);
      @include border_color(.8);
    }
  }
  &:focus, &:hover {
    @include background_color();
    @include border_color();
    color: #fff;
  }
  &.is-disabled {
    background-color: rgba(0,0,0,0.15)!important;
    border-color: #D9D9D9!important;
  }
}


.el-message-box--center {
  padding-bottom: 24px;
  .el-message-box__header {
    padding-top: 24px;
  }
}
.el-textarea__inner {
  &:focus {
    @include border_color();
  }
}
.el-input__inner {
  border-color: $-border-color;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus {
  @include border_color();
}

.el-loading-spinner .path {
  @include theme_each {
    stroke: get_color('default_color');
  }
}
.el-dialog__wrapper {
  @include flex_center();
  .el-dialog {
    margin-top: 0!important;
    border-radius: 8px;
    padding: 0 24px;
    .el-dialog__header{
      padding: 0;
      .c-model-header {
        padding: 12px 0;
        border-bottom: 1px solid $-border-color;
      }
    }
    .el-dialog__body {
      padding: 0;
    }
  }
}

.el-pagination {
  &.is-background {
    .el-pager{
      li:not(.disabled) {
        &.active {
          @include background_color();
        }
      }
      li:not(.disabled):hover {
        @include font_color();
      }
    }
  }
}
.el-range-editor {
  &.is-active, &.is-active:hover {
    @include border_color();
  }
}
.el-date-table {
  td.end-date span, td.start-date span {
    @include background_color();
  }
  td.available:hover {
    @include font_color();
  }
  td.today span {
    @include font_color();
  }
}
.el-radio__inner {
  &:hover {
    @include border_color();
  }
}
.el-radio__input {
  &.is-checked {
    .el-radio__inner {
      @include border_color();
      @include background_color();
    }
    &+.el-radio__label {
      color: get_color('default_color');
    }
  }
}
.message-modal {
  min-width: auto;
}
